html {
    font-size: 10px;
    /*由于html是网页的根节点，所以等于整个页面字体都被设置为了10px,除非子元素另外调整了字体大小*/
    font-family: "Open Sans", sans-serif;
    /*Open Sans 就是在html中的<head>元素中引入的第三方字体*/
    background-color: #00539f;
    /*设置背景颜色*/
}

body {
    background-color: #ff9500;
    /*设置背景颜色*/
    width: 600px;
    align-items: center;
    margin: 0 auto;
    /* 上下 左右/
    /*
      对于左右margin:auto 是一个特殊的值，它将可用的水平空间平均分配给左边和右边）
      若想要水平居中（因为宽度一般会设置），那就将上下外边距（margin）设置为0，左右设置为auto
      若想要垂直居中就不能通过设置上下边距为auto，需要通过指定margin的大小来实现（或者结合布局通过属性来实现，例如flex布局中通过设置align-item来实现垂直居中。不同的布局对应的属性不一样）
    */
    padding: 0 20px 20px 20px;
    /*上 右 下 左*/
    border: 5px solid black;
}

h1 {
    font-size: 60px;
    /*这里会使得h1标签下（包含子元素）的字体为60px，覆盖了html中设置的10px*/
    text-align: center;
    /*这个只能指定字体居中*/
    margin: 0;
    /*这是为了去掉默认配置*/
    padding: 20px 0px;
    color: #00539f;
    text-shadow: 3px 3px 1px black;
    /*水平偏移量（向右为正）
     垂直偏移量（向下为正）
     模糊半径（越大越模糊）
     阴影基色
     */

}

img {
    display: block;
    margin: 0 auto;
}

p,
li {
    font-size: 16px;
    line-height: 2;
    /*将行高设置为字体高度的2倍，无单位，也就是行高根据字体大小变化 实际行高= font-size * 2*/
    letter-spacing: 1px;
    /*设置字母与子母之间的间距为1px*/

}